/* 声明字体图标，这里要注意路径的变化 */
@font-face {
    font-family: 'icomoon';
    src:  url('../fonts/icomoon.eot?m8hm5s');
    src:  url('../fonts/icomoon.eot?m8hm5s#iefix') format('embedded-opentype'),
      url('../fonts/icomoon.ttf?m8hm5s') format('truetype'),
      url('../fonts/icomoon.woff?m8hm5s') format('woff'),
      url('../fonts/icomoon.svg?m8hm5s#icomoon') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: block;
  }
/* 首页专有的部分 */
.main {
    width: 980px;
    height: 455px;
    margin: 10px 0 10px 220px;
}
.main .focus {
    float: left;
    width: 721px;
    height: 455px;
}
.main .focus img {
    width: 100%;
    height: 100%;
}
.main .newsflash {
    float: right;
    width: 250px;
    height: 455px;
}
.main .newsflash .news {
    height: 165px;
    border: 1px solid #e4e4e4;
}
.news .news_hd {
    height: 33px;
    line-height: 33px;
    border-bottom: 1px #e4e4e4 dotted;
    padding: 0 15px;
}
.news .news_hd h4 {
    float: left;
    font-size: 14px;
}
.news .news_hd .more {
    float: right;
}
.news .news_hd .more::after {
    content: '\e90b';
    font-family: 'icomoon';
    margin-left: 5px;
}
.news_bd ul {
    margin-top: 5px;
    margin-left: 15px;
}
.news_bd ul li {
    line-height: 24px;
    /* 强制文字在一行内显示 */
    white-space: nowrap;
    /* 溢出隐藏 */
    overflow: hidden;
    /* 超出范围的文字以省略号显示 */
    text-overflow: ellipsis;
}
.main .newsflash .lifeservice {
    height: 209px;
    border-left: 1px solid #e4e4e4;
    border-right: 1px solid #e4e4e4;
}
.lifeservice ul li {
    float: left;
    width: 62px;
    height: 70px;
    border-right: 1px solid #e4e4e4;
    border-bottom: 1px solid #e4e4e4;
    text-align: center;
}
.lifeservice ul li:nth-child(4n) {
    border-right: 0;
}
.lifeservice ul li a i {
    display: inline-block;
    width: 19px;
    height: 25px;
    margin: 12px 0 5px;
    background: url(../upload/gai_1_03.png);
}
.main .newsflash .bargain {
    margin-top: 5px;
    height: 75px;
}

/* 推荐模块 */
.recom {
    height: 163px;
}
.recom_hd {
    float: left;
    width: 205px;
    height: 100%;
    background-color: #5c5251;
    text-align: center;
}
.recom_hd img {
    margin: 30px 0 5px;
    display: inline-block;
}
.recom_hd p {
    font-size: 18px;
    color: #fff;
}
.recom_bd {
    float: left;
    width: 995px;
    height: 100%;
    background-color: #ebebeb;
}
.recom_bd ul li {
    position: relative;
    float: left;
    width: 246px;
    height: 163px;
}
.recom_bd ul li img {
    width: 245px;
    height: 100%;
}
.recom_bd ul li:nth-child(-n+3)::after {
    position: absolute;
    right: 0;
    top: 19px;
    content: '';
    width: 1px;
    height: 125px;
    background-color: #ccc;
}

/* 猜你喜欢模块 */
.caini {
    margin-top: 15px;
}
.xihuan {
    height: 42px;
    line-height: 42px;
}
.xihuan h4 {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: 400;
}
.xihuan a {
    float: right;
}
.xihuan a::after {
    content: '\e90e';
    font-family: 'icomoon';
    margin: 0 18px 0 5px;
}
.caini .shangpin{
    height: 233px;
    border: 1px solid #ededed;
    overflow: hidden;
}
.shangpin ul {
    width: 1206px;
}
.shangpin ul li {
    float: left;
    width: 201px;
}
.shangpin ul li a {
    display: block;
    width: 100%;
    height: 100%;
}
.shangpin ul li a .tu {
    width: 100%;
    height: 162px;
    line-height: 162px;
    text-align: center;
}
.shangpin ul li a .jiage {
    margin-left: 35px;
    border-right: 1px solid #ededed;
}
.shangpin ul li a .jiage h4 {
    font-size: 18px;
    color: #df3033;
}

/* 传智播客模块 */
.p {
    color: #e60012;
}
.chuanzhi {
    margin-top: 15px;
}
.chuanzhi_hd {
    height: 42px;
    line-height: 42px;
}
.chuanzhi_hd h4 {
    float: left;
    font-size: 18px;
    color: #333;
    font-weight: 400;
}
.chuanzhi_bd {
    height: 405px;
    border: 1px solid #ededed;
}
.chuanzhi_bd ul li {
    float: left;
}
.chuanzhi_bd ul .shuji {
    width: 404px;
    height: 403px;
    padding: 20px 0 0 20px;
    background-color: #b8bddd;
    color: #3b468d;
}
.shuji .haoshu h4 {
    font-size: 18px;
    font-weight: 400;
}
.shuji .haoshu p {
    font-size: 16px;
}
.shuji .tupian {
    margin: 35px 0 0 110px;
}
.haodongxi {
    width: 226px;
    height: 403px;
    border-right: 1px solid #ededed;
    color: #333;
}
.haodongxi_bd {
    height: 40px;
    text-align: center;
    line-height: 39px;
    margin: 0 18px;
    border-bottom: 1px dashed #ededed;
}
.haodongxi_bd h5 {
    font-size: 14px;
}
.haodongxi_td {
    height: 206px;
    padding: 68px 0 0 10px;
    border-bottom: 1px solid #ededed;
    background: url(../upload/131.png) no-repeat right 30px;
}
.haodongxi_tt {
    height: 157px;
    padding: 50px 0 0 10px;
    background: url(../upload/133.png) no-repeat right bottom;
}
.haodongxi_td h5,
.haodongxi_tt h5,
.pinpai_bd_b h5 {
    font-size: 16px;
    font-weight: 400;
}
.pinpai {
    width: 404px;
    height: 403px;
    border-right: 1px solid #ededed;
    background-color: #f7f7f7;
    color: #333;
}
.pinpai_hd {
    height: 40px;
    text-align: center;
    line-height: 39px;
    margin: 0 18px;
    border-bottom: 1px dashed #ededed;
}
.pinpai_hd h5 {
    font-size: 14px;
}
.pinpai_bd_b {
    height: 206px;
    padding: 72px 0 0 50px;
    border-bottom: 1px solid #ededed;
    background: url(../upload/132.png) no-repeat right 35px;
}
.pinpai_bd_d {
    height: 157px;
}
.pinpai_bd_d_x,
.pinpai_bd_d_y {
    display: inline-block;
    height: 158px;
    padding-top: 50px;
}
.pinpai_bd_d_x {
    width: 202px;
    padding-left: 13px;
    border-right: 1px solid #ededed;
    background: url(../upload/134.png) no-repeat right bottom;
}
.pinpai_bd_d_y {
    width: 197px;
    padding-left: 15px;
    background: url(../upload/135.png) no-repeat right bottom;
}
.pinpai_bd_d_x h5,
.pinpai_bd_d_y h5 {
    font-size: 16px;
    font-weight: 400;
}
.shouji {
    height: 404px;
    width: 164px;
    background: url(../upload/136.png) no-repeat;
}

/* 家用电器楼层 */
.jiadian {
    margin-top: 25px;
    border-bottom: 1px solid #ededed;
}
.jiadian_hd {
    height: 30px;
    line-height: 20px;
    border-bottom: 2px solid #c81623;
}
.jiadian_hd h3 {
    float: left;
    font-size: 18px;
    color: #c81623;
    font-weight: 400;
}
.tab_list ul {
    float: right;
}
.tab_list ul li {
    float: left;
}
.tab_list ul li a {
    margin: 0 12px;
}
.tab_list ul li .diyi {
    color: #c81623;
}
.jiadian_bd {
    height: 361px;
}
.tab_list_item >div {
    float: left;
}
.col_210 {
    width: 210px;
    height: 361px;
    background-color: #f9f9f9;
}
.col_210 ul {
    overflow: hidden;
}
.col_210 ul li {
    float: left;
    width: 85px;
    height: 33px;
    margin-left: 13px;
    line-height: 32px;
    text-align: center;
    border-bottom: 1px solid #ededed;
}
.col_210_div {
    margin-top: 25px;
    text-align: center;
}
.col_210_div h4 {
    font-size: 18px;
    font-weight: 400;
}
.col_210_div p {
    margin-bottom: 20px;
}
.col_329 {
    width: 329px;
    height: 361px;
    padding: 40px 0 0 30px;
    background-color: #aed6d8;
}
.col_329 a{
    display: block;
    width: 100%;
    height: 100%px;
}
.col_329 a img {
    margin: 35px 0 0 25px;
}
.col_329 h4 {
    font-size: 18px;
    font-weight: 400;
    color: #066c7d;
}
.col_329 p {
    font-size: 16px;
    color: #066c7d;
}
.col_221 {
    width: 221px;
    height: 361px;
    border-right: 1px solid #ededed;
}
.col_221_1,
.col_221_2,
.col_219_1,
.col_219_2 {
    padding: 24px 0 0 20px;
}
.col_221_1 {
    position: relative;
    height: 181px;
    border-bottom: 1px solid #ededed;
}
.col_221_1 img,
.col_221_2 img,
.col_219_1 img,
.col_219_2 img {
    position: absolute;
    right: 0px;
    bottom: 0px;
}
.col_221_1 h4,
.col_221_2 h4,
.col_219_1 h4,
.col_219_2 h4 {
    font-size: 16px;
    color: #000;
    font-weight: 400;
}
.col_221_2 {
    position: relative;
    height: 180px;
}
.col_2211 {
    padding-top: 72px;
    text-align: center;
}
.col_2211 h4 {
    font-size: 18px;
    font-weight: 400;
    color: #000;
}
.col_2211 p {
    font-size: 16px;
    color: #999;
}
.col_2211 img {
    margin-top: 80px;
}
.col_219 {
    width: 219px;
    height: 361px;
    border-right: 1px solid #ededed;
}
.col_219_1,
.col_219_2 {
    position: relative;
}
.col_219_1 {
    height: 181px;
    border-bottom: 1px solid #ededed;
}
.col_219_2 {
    height: 180px;
}
/* 手机通讯模块 */
.col_329_x {
    background-color: #c6e8b6;  
}
.col_329_x a h4,
.col_329_x a p {
    color: #4c852a;
}
.col_329_x a img {
    margin-left: 60px;
}
.col_221_x img {
    margin-top: 43px;
}
/* 电脑办公模块 */
.col_329_y {
    background-color: #d7aac9;  
}
.col_329_y a img {
    margin-left: 50px;
}
.col_329_y a h4,
.col_329_y a p {
    color: #874d75;
}
.col_221_y img {
    margin-top: 60px;
}
/* 广告 */
.gianggao {
    margin-top: 20px;
    height: 65px;
}

/* 热门疯抢模块 */
.remen {
    margin-top: 30px;
}
.remen_hd h3 {
    height: 30px;
    line-height: 20px;
    font-size: 18px;
    color: #333;
    font-weight: 400;
}
.remen_bd {
    height: 283px;
    border: 1px solid #ededed;
    background: url(../upload/125_03.png) no-repeat;
}